<template>
  <div>
    <h2 class="text-center">{{title}}</h2>
    <ul class="text-center spacing" style="padding: 0">
      <li v-for="item in links"><a @click="$goRoute(item.route)">{{item.text}}</a></li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'page01',
  data () {
    return {
      title: 'page01',
      links: [
        {
          text: '/page01/page01-a',
          route: '/page01/page01-a'
        },
        {
          text: 'page01/page01-b',
          route: '/page01/page01-b'
        }
      ]
    }
  }
}
</script>
